<template>
    <div class="km-collapse">
        <slot name="item"></slot>
    </div>
</template>
<script>
    export default function() {
        
    }
</script>
<style>
    .km-collapse {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    ::slotted(km-collapse-item) {
        margin-top: 16px !important;
        padding-top: 16px !important;
        border-top: 1px solid var(--gray-shallow);
    }

    ::slotted([slot="item"]:first-child) {
        border-top: none;
    }
</style>